.dubber {
  position: relative;
  
  .dubber-flex {
    display: flex;
    .left {
      user-select: none;

      .dubber-container {
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 10px;
        max-height: 600px;
        overflow-y: auto;

        .dubber-title {
          margin-top: 0.5em;
          font-size: 1.5em;
          color: #333;
        }

        .box {
          position: relative;
          padding: 10px;

          .list {
            position: relative;
            display: flex;
            padding: 10px;
            border-radius: 10px;
            margin: 10px 0;
            cursor: pointer;
            transform: 0.5s;
            overflow: hidden;
            background-color: #f6f7f8;

            .imgBox {
              position: relative;
              width: 80px;
              height: 80px;
              overflow: hidden;
              margin-right: 10px;
              border-radius: 10px;

              img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }
            }

            .content {
              display: flex;
              flex-direction: column;
              justify-content: center;
              color: #333;

              .rank {
                position: absolute;
                right: -50px;
                color: #03a9f4;
                transition: 0.5s;
                font-size: 2em;

                small {
                  font-weight: 500;
                  opacity: 0.25;
                }
              }

              h4 {
                line-height: 1.2em;
                font-weight: 600;
              }
            }

            &:hover .content .rank {
              right: 20px;
            }
          }
        }
      }
    }

    .right {
      margin-left: 15px;
      width: 500px;
      flex: auto;
      user-select: none;
    }
  }
}

@media (max-width: 768px) {
  .dubber .dubber-flex {
    display: block;
    .small-screen {
      margin-top: 20px;
      width: calc(100% - 25px);
      height: 400px;
    }
    .netView canvas {
      width: 100%;
      min-height: 400px;
    }
  }
}
